<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../fonts/iconfont.css">
    <link rel="stylesheet" href="../css/list.css">
</head>
<body>
    <div class="header">
        <div>
            <p>手机购物,下载东方航空APP </p> 
            <p class="delia">登录 | 注册</p>
            <p class="car">购物车</p>
            <p class="exit">东航官网</p>
        </div>
    </div>
    <div class="nav">
        <p><img src="https://ceair-resource.oss-cn-shanghai.aliyuncs.com/shoppingnew/mall/pc/img/logo.23ea94e1.png"
                alt="">
            </p>
        <p><img src="https://ceair-resource.oss-cn-shanghai.aliyuncs.com/shopping/pc/assets/images/moneyPayLogo.png"
                alt="">
            </p>
        <div class="select">
            <div class="selecttop">
                <input type="text">
                <button><span class="iconfont icon-sousuo two"></span></button>
                <ul></ul>
            </div>
            <div class="selectbottom">
                <span>iPhone</span>
                <span>戴森</span>
                <span>网易严选</span>
                <span>油卡</span>
                <span>夏日饮品</span>
                <span>东航周边</span>
            </div>
        </div>
    </div>
    <div class="banner">
        <p>手机数码</p>
        <p>美妆个护</p>
    </div>
    <div class="assort">
        <div class="assorttop">
            <p>品牌</p>
            <ul class="assorttopul">
            <!-- 渲染 -->
            </ul>
        </div>
        <div class="assortcenter">
            <p>价格</p>
            <ul class="assortcenterul">
                
            </ul>
        </div>
        <div class="assortbottom">
            <p>积分</p>
            <ul class="assortbottomul">
            
            </ul>
        </div>
        <div class="assortan">
            <p>排序</p>
            <ul class="assortase">
                <li class="exit"  data-order_by="0" data-order_key="综合">综合</li>
                <li class="exit"  data-order_by="1" data-order_key="价格">价格升序</li>
                <li class="exit"  data-order_by="0" data-order_key="价格">价格降序</li>
            </ul>
        </div>
        <div class="word">
            <select>
                <option value="12">12</option>
                <option value="16">16</option>
                <option value="20">20</option>
                <option value="24">24</option>
              </select>
              <button class="prev">上一页</button>
              <button class="next">下一页</button>
        </div>
    </div>
    
    <div class="box">
        <ul name="ul">
            <!-- <li class="li1">
                <p class="img">
                    <a href=""><img src="https://ceair.oss-cn-shanghai.aliyuncs.com/image/Product/20210705/ps_6520cb76-4179-46bf-9fe4-ff311eb208d0.jpg" alt=""></a>
                </p>
                <p class="head">
                    <a href="">1465</a>
                </p>
                <p class="price">
                    <span class="small">
                        ￥455
                    </span>
                </p>
                <p class="maxPoint">
                    最高可使用465积分
                </p>
                <p class="btn">
                    <a href="./detail.html?id=$465">
                        加入购物车
                        <i></i>
                    </a>
                </p>
            </li> -->
        </ul>
        <div class="box1 m-style"></div>
    </div>
    <div class="able">
        <div class="container-fluid">
            <img src="https://ceair-resource.oss-cn-shanghai.aliyuncs.com/shopping/pc/assets/images/service.png" />
        </div>
    </div>
    <div class="footer">
        <ul class="footerul">
            <p>会员须知</p>
            <li>会员权益说明</li>
            <li>商城现金消费奖积分</li>
        </ul>
        <ul class="footerul">
            <p>订购流程</p>
            <li>注册/登录</li>
            <li>开通消费密码</li>
            <li>搜索商品</li>
            <li>加入购物车</li>
            <li>支付</li>
            <li>查询订单及状态</li>
            <li>交通卡圈存流程</li>
        </ul>
        <ul class="footerul">
            <p>物流配送</p>
            <li>配送标准及范围</li>
            <li>配送方式</li>
            <li>签收须知</li>
        </ul>
        <ul class="footerul">
            <p>售后服务说明</p>
            <li>客服热线</li>
            <li>退换货政策</li>
            <li>退换货流程</li>
            <li> 商品保修</li>
            <li>发票</li>
        </ul>
        <ul class="footerul">
            <p>友情链接</p>
            <li>东方万里行</li>
            <li>东航网点信息</li>
        </ul>
        <ul class="footerul">
            <p>活动规则</p>
            <li>现金充话费享1:1积分奖励活动规则</li>
        </ul>
  
    </div>
  

    <script src="../js/util.js"></script>
    <script src="../js/list.js"></script>
</body>
</html>




<!-- /*
&key_word=MI%20小米
&c=search02  
&category3_id=
&brand_id=
&request=  
&page=1   页数
size: 24 个数
from_price=0&to_price=100  价格
from_points: 1000 & to_points: 3000 积分

&category2_id=19&pk_campaign=spfl_a2_b0&category3_id=&brand_id=&request=&page=1&order_by=0&order_key=价格
*/ -->
